﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/MasterNhanSuTienLuong.Master" Inherits="System.Web.Mvc.ViewPage<DTTB.MV2.QUANLYNHANSUTIENLUONG.Models.FormBean.ChamCongModel.TongHopChamCongForm>" %>
<%@ Import Namespace="DTTB.MV2.QUANLYNHANSUTIENLUONG.Models.FormBean.ChamCongModel" %>
<%@ Import Namespace="DTTB.MV2.QUANLYNHANSUTIENLUONG.BussinessDelegate.CommonDelegate" %>

<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <link href="<%= ResolveUrl("~/Content/Styles/css/defaultFixedHeaderTable.css") %>" rel="stylesheet" type="text/css" />
    <script type="text/javascript" language="javascript" src="<%= ResolveUrl("~/Content/Scripts/Common/jquery.fixedheadertable.js") %>"></script>
    <script type="text/javascript" language="javascript" src="<%= ResolveUrl("~/Content/Scripts/ChamCong/TongHopChamCong.js") %>"></script>
    <style type="text/css" media="all">
        .td1 {background:#EEEEEE;color:#000;border:1px solid #000;}
        .th{background:#234599;color:white;border:1px solid #000;vertical-align: middle !important; text-align:center;}
        .th > span{cursor: pointer;}
        A:link {COLOR: #0000EE;}
        A:hover {COLOR: #0000EE;}
        A:visited {COLOR: #0000EE;}
        A:hover {COLOR: #0000EE;}
        .NgayChuNhat
        {
            background-color: Yellow !important;
        }
    </style>
    <style type="text/css">
        .fancyTable td, .fancyTable th {
            border: 1px solid #778899;
            padding: 5px;
        }
        .fancyTable {
            font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
        }
        .fancyTable tbody tr td {
            background-color: #EEF2F9;
            background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255, 255, 255, 0) 100%);
            color: #262C31;
            font-size: 11px;
        }
        .fancyTable tbody tr.odd td {
            background-color: #D6E0EF;
            background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255, 255, 255, 0) 100%);
        }
        .fancyTable thead tr th, .fancyTable thead tr td, .fancyTable tfoot tr th, .fancyTable tfoot tr td {
            background-color: #8CA9CF;
            background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255, 255, 255, 0) 100%);
            color: #121517;
            font-size: 12px;
            font-weight: bold;
            text-shadow: 0 1px 1px #E8EBEE;
        }
        .fancyDarkTable .numeric {
            text-align: right;
        }
        .fancyDarkTable td, .fancyDarkTable th {
            border: 1px solid #000000;
            padding: 5px;
        }
        .fancyDarkTable thead tr th {
            padding: 10px 5px;
        }
        .fancyDarkTable {
            font-family: 'Helvetica Neue',Helvetica,Arial,sans-serif;
        }
        .fancyDarkTable tbody tr td {
            background-color: #48535E;
            background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.02) 100%);
            border-color: #708090 #000000 #22272E #3C454F;
            color: #FFFFFF;
            font-size: 11px;
            font-weight: bold;
            padding: 10px 5px 30px;
            text-shadow: 0 -1px 1px #000000;
        }
        .fancyDarkTable tbody tr.odd td {
            background-color: #3C454F;
            background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, 0.02) 100%);
            border-right-color: #000000;
        }
        .fancyDarkTable thead tr th, .fancyDarkTable tfoot tr td {
            background-color: #0B0D10;
            background-image: -moz-linear-gradient(center top , rgba(255, 255, 255, 0.4) 0%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.1) 51%, rgba(255, 255, 255, 0) 100%);
            color: #FFFFFF;
            font-size: 12px;
            font-weight: bold;
            text-shadow: 0 -1px 1px #000000;
        }
        .fancyDarkTable .fht-head {
            position: relative;
            z-index: 1;
        }
    </style>
</asp:Content>
<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <div class="box">
        <%--<div class="title">
            <% if (Model.Id > 0)
               { %>
            <h5>Bảng Chấm Công Tháng <%= Model.BangChamCong.Thang.ToString("0#") %>/<%= Model.BangChamCong.Nam %></h5>
            <% }
               else
               {%>
            <h5>Bảng Chấm Công Không Tồn Tại</h5>
            <%  } %>
        </div>--%>
        
        <div class="breadcrumbs">
            <ul>
                <li class="home"><a href="">Quản Lý Chấm Công</a></li>
                <li>Tổng Hợp Chấm Công</li>
            </ul>
        </div>
        <div class="headlines">
            <h2>
                <span>
            <% if (Model.Id > 0)
               { %>
            Bảng Chấm Công Tháng <%= Model.BangChamCong.Thang.ToString("0#") %>/<%= Model.BangChamCong.Nam %>
            <% }
               else
               {%>
            Bảng Chấm Công Không Tồn Tại
            <%  } %></span>
            </h2>
        </div>

        <div class="box-content">
            <form id="form1" class="formBox">
                <%: Html.HiddenFor(p => p.Id) %>
                <div class="btn-submit" style="border-top: none; margin-bottom: 3px;">
                    <%--<input type="button" class="button" id="btnHideShowDays" value="Ẩn/Hiện ngày" title="Ẩn/Hiện chi tiết các ngày chấm công trong tháng!" onclick="DoHideShowDays()"/>--%>
                    <input type="button" class="button" id="btnTongHopDuLieu" value="Tổng hợp dữ liệu" title="Tổng hợp lại dữ liệu chấm công của tháng!"/>
                    <input type="button" class="button" id="btnXuatBangChamCong" value="Xuất Bảng Chấm Công" title="Xuất Bảng Chấm Công Ra Tệp Excel!"/>
                    <input type="button" class="button" id="btnXuatBangLuong" value="Xuất Bảng Lương" title="Xuất Bảng Lương Ra Tệp Excel!"/>
                    <input type="button" class="button" id="btnXuatPhieuLuong" value="Xuất Phiếu Lương" title="Xuất Phiếu Lương Ra Tệp Excel!"/>
                </div>
                <div style="height: 500px;">
                    <table class="fancyTable" id="tbDuLieuChamCong">
                        <thead>
                            <tr>
                                <th class="th">STT</th><th class="th">Số Thẻ</th><th class="th">Họ</th><th class="th">Tên</th>
                                <%
                                    var objNhanVienFirst = Model.ListChamCongNhanVien.Count > 0 ? Model.ListChamCongNhanVien.First() : new ChamCongNgayNhanVienForm();
                        
                                    CommonDelegate _commonDelegate = new CommonDelegate();
                                    var lstNgayChuNhat = _commonDelegate.GetListDateIsSunDay(Model.BangChamCong.Thang, Model.BangChamCong.Nam);
                                    if (Model.ListChamCongNhanVien.Count > 0)
                                    {
                                        foreach (var ngaytrongthang in objNhanVienFirst.ListChamCongNgay)
                                        {%>

                                <th class="th"><span title="Xem Chấm Công Ngày" onclick="DoChamCongNgay(<%= ngaytrongthang.Ngay %>,<%= Model.BangChamCong.Thang %>, <%= Model.BangChamCong.Nam %>);"><%= ngaytrongthang.Ngay %></span></th>

                                <%      }
                                    }%> 
                                <th class="th">Thử việc</th><th class="th">Khám thai</th>
                                <th class="th" title="Nghỉ có phép">CP</th><th class="th" title="Nghỉ không phép">KP</th>
                                <th class="th" title="Con bệnh">CB</th><th class="th" title="Nghỉ bệnh">B</th>
                                <th class="th" title="Nghỉ thai sản">TS</th><th class="th" title="Nghỉ phép năm">Phép năm</th>
                                <th class="th" title="Nghỉ chế độ">Chế độ</th><th class="th" title="Nghỉ các ngày lễ">LỄ</th>
                                <th class="th" title="Nghỉ không có việc">Nghỉ ko có việc</th>
                                <th class="th" title="Tổng số giờ tăng ca">Tăng ca</th>
                                <th class="th" title="Tổng số ngày vắng mặt">Vắng mặt</th>
                                <th class="th" title="Tổng số ngày công">Số Ngày Công</th>
                            </tr>
                        </thead>
                        <tbody>
                            <%
                                int stt = 1;
                                foreach (var objNhanVien in Model.ListChamCongNhanVien)
                                {
                                    %>
  
                            <tr>
                                <td nowrap="nowrap" style="text-align: center;<% if(objNhanVien.ThongTinCaNhan.TrangThai == 1) {%> color: #CD0B1C<%} %>"><%= stt%></td>
                                <td nowrap="nowrap"<% if(objNhanVien.ThongTinCaNhan.TrangThai == 1) {%> style="color: #CD0B1C"<%} %>><%= objNhanVien.ThongTinCaNhan.SoThe%></td>
                                <td nowrap="nowrap"<% if(objNhanVien.ThongTinCaNhan.TrangThai == 1) {%> style="color: #CD0B1C"<%} %>><%= objNhanVien.ThongTinCaNhan.Ho%></td>
                                <td nowrap="nowrap"<% if(objNhanVien.ThongTinCaNhan.TrangThai == 1) {%> style="color: #CD0B1C"<%} %>><%= objNhanVien.ThongTinCaNhan.Ten%></td>
                    
                                <%
                                    foreach (var ngaytrongthang in objNhanVien.ListChamCongNgay)
                                    {%>
                                <td nowrap="nowrap" style="text-align: center;" <% if(lstNgayChuNhat.Contains(ngaytrongthang.Ngay)) {%>class="NgayChuNhat"<%} %>>&nbsp;&nbsp;<%= ngaytrongthang.KyHieuChamCong%>&nbsp;&nbsp;</td>
                                <%  }%>

                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongThuViec%></td>
                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongNghiKhamThai%></td>
                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongNghiCoPhep%></td>
                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongNghiKhongPhep%></td>
                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongNghiConBenh%></td>
                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongNghiBenh%></td>
                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongNghiThaiSan%></td>
                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongNghiPhepNam%></td>
                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongNghiCheDo%></td>
                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongNghiLe%></td>
                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongNghiKhongCoViec%></td>
                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongSoGioTangCa%></td>
                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongVangMat%></td>
                                <td nowrap="nowrap" style="text-align: center;"><%= objNhanVien.TongSoNgayLamViec%></td>

                            </tr>
                                <%  
                                    stt++;   
                                }
                                    %>
                        </tbody>
                    </table>
                </div>
            </form>
        </div>
    </div>
    
</asp:Content>
